<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<title>NovelFaces</title>
	<meta charset="UTF-8" />
	<link rel="shortcut icon"
		href="#{request.contextPath}/resources/images/favicon.ico" />
	<link rel="icon" type="image/x-icon"
		href="#{request.contextPath}/resources/images/favicon.ico" />
	<h:outputStylesheet library="showcase" name="css/html5reset-1.6.1.css" />
	<h:outputStylesheet library="showcase" name="css/shCore.css" />
	<h:outputStylesheet library="showcase" name="css/shThemeRDark.css" />
	<h:outputStylesheet library="showcase" name="css/main.css" />
	<h:outputStylesheet library="showcase" name="css/jquery.loadmask.css" />
	<!--[if lt IE 8]>
		<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/resources/css/ltie8.css" />
	<![endif]-->
	<h:outputScript library="primefaces" name="jquery/jquery.js" />
	<h:outputScript library="novelfaces" name="js/jquery-nf.min.js" />
	<h:outputScript name="jsf.js" library="javax.faces" target="head" />
	<h:outputScript library="showcase" name="js/jquery.loadmask.min.js" />
	<h:outputScript library="showcase" name="js/showcase.js" />
	<h:outputScript library="showcase" name="js/shCore.js" />
	<h:outputScript library="showcase" name="js/shBrushCss.js" />
	<h:outputScript library="showcase" name="js/shBrushJava.js" />
	<h:outputScript library="showcase" name="js/shBrushJScript.js" />
	<h:outputScript library="showcase" name="js/shBrushPlain.js" />
	<h:outputScript library="showcase" name="js/shBrushXml.js" />
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<ui:insert name="head"></ui:insert>
</h:head>
<h:body>
	<div id="wrapper">
		<f:view>
			<h:form id="headerForm">
				<header id="logo"
					class="ui-helper-clearfix ui-widget-content ui-corner-top">
					<h:commandLink id="logoLink" action="home" title="#{rb.home}">
						<h:graphicImage library="images" name="logo_114x100.png" />
					</h:commandLink>
					<div id="headerTitle">
						<h1 id="novel">Novel</h1>
						<h1 id="faces">Faces</h1>
						<h5>#{rb.header_subtitle}</h5>
					</div>
					<nav>

						<p:toolbar id="headerToolbar">
							<p:toolbarGroup align="left">
								<p:commandButton id="homeButton" image="ui-icon-home" 
									action="home" ajax="false"
									value="#{rb.home}" />
								<p:commandButton id="downloadButton" image="ui-icon-arrowreturnthick-1-s"
									action="download" ajax="false"
									value="#{rb.download}" />
								<p:commandButton id="documentationButton" image="ui-icon-document"
									action="documentation" ajax="false"
									value="#{rb.documentation}" />
							</p:toolbarGroup>
						</p:toolbar>

					</nav>
				</header>
			</h:form>
			<div id="content" class="ui-helper-clearfix ui-widget-content">
				<div id="maincol" class="ui-helper-clearfix">
					<section>
						<header class="ui-widget-header ui-corner-all">
							<h3 id="contentHeader">
								<ui:insert name="content_header">...</ui:insert>
							</h3>
						</header>
						<section id="mainContent">
							<ui:insert name="content">...</ui:insert>
						</section>
					</section>
				</div>
				<nav id="nav">
					<section class="ui-widget-content ui-corner-all">
						<header class="ui-widget-header ui-corner-top">
							<h3>#{rb.components}</h3>
						</header>
						<h:form id="navForm">
							<ul>
								<li><h:commandLink id="numpadDecSepLink" styleClass="ui-corner-all"
										action="numpadDecSep"
										value="#{rb.numpad_dec_separator}" /></li>
							</ul>
						</h:form>
					</section>
				</nav>
			</div>
			<footer id="footer" class="ui-widget-content ui-corner-bottom">
				<div id="novelfacesInfo">
					<p>Running #{rb.novelfaces_components} version #{rb.novelfaces_components_version} with JSF Implementation #{rb.jsf} version #{rb.jsf_version}</p>
				</div>
			</footer>
		</f:view>
	</div>
</h:body>
</html>